<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/cp.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="js/swiper.min.js"></script>
		
	</head>
	<body>
		<div id="web">
			<!--头部 宽995  高134-->
			<header>
				<div class="top">
					<div class="main">
						<span>全国热线：88888888888</span>
						<div class="link fr">
							<a href="">设置首页</a>
							<a href="">添加收藏</a>
						</div>
					</div>
				</div>
				<nav>
					<div class="logo fl">
						<img src="img/tu_03.jpg"/>
					</div>
					<ul class="fr clearfix">
						<li class="active">
							<a href="index.html">
								<p>首页</p>
								<p>Home</p>
							</a>
							
						</li>
						<li>
							<a href="cp.html">
								<p>产品中心</p>
								<p>Products</p>
							</a>
							
						</li>
						<li>
							<a href="">
								<p>服务支持</p>
								<p>Service</p>
							</a>
							
						</li>
						<li>
							<a href="detailed.html">
								<p>新闻中心</p>
								<p>News</p>
							</a>
							
						</li>
						<li>
							<a href="">
								<p>在线商店</p>
								<p>Shop</p>
							</a>
							
						</li>
						<li>
							<a href="">
								<p>联系我们</p>
								<p>Contact</p>
							</a>
							
						</li>
					</ul>
				</nav>
			</header>
			<!--轮播图-->
			<div class="carou">
				<div class="lb">
					<!--<img src="img/bg_02.png"/>-->
					<!--<p></p>-->
					<div class="swiper-container">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide"><img src="img/product/1.png"/></div>
					        <div class="swiper-slide"><img src="img/product/1.png" alt="" /></div>
					        <div class="swiper-slide"><img src="img/product/1.png"/></div>
					    </div>
					    <!-- 如果需要分页器 -->
					    <div class="swiper-pagination"></div>
					    
					    <!-- 如果需要导航按钮 -->
					    <!--<div class="swiper-button-prev"></div>
					    <div class="swiper-button-next"></div>-->
					    
					    <!-- 如果需要滚动条 -->
					    <div class="swiper-scrollbar"></div>
					</div>
				</div>
				<!--<ul class="point">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>-->
			</div>
			<!--导航栏-->
			<div class="nav">
				<p>首页&gt;新品发布</p>
				<div class="nav_lb">
					<div class="nav_lb_tu1">
						<p>
							百万高清系列<br/>
							<img src="img/product/2.png"/>
						</p>
					</div>
					<div class="nav_lb_tu2"><p>标清系列</p></div>
					<div class="nav_lb_tu3"><p>户外防水系列</p></div>
					<div class="nav_lb_tu4"><p>室内系列</p></div>
				</div>
				<div class="nav_search">
					<input type="text"  />
					<div class="nav_search_img">
						<img src="img/product/3.png"/>
					</div>
					
				</div>
			</div>
			
			<!--展览区-->
			<div class="show">
				<table>
					<tr>
						<td>
							<img src="img/product/5.png"/>
							<h3>S6202Y-WR</h3>
							<p>100万无线高清64G TF卡 语音对讲 智能连接 手机...</p>
						</td>
						<td>
							<img src="img/product/11.png"/>
							<h3>S6202Y-WR</h3>
							<p>100万无线高清64G TF卡 语音对讲 智能连接 手机...</p>
						</td>
						<td>
							<img src="img/product/10.png"/>
							<h3>S6202Y-WR</h3>
							<p>100万无线高清64G TF卡 语音对讲 智能连接 手机...</p>
						</td>
					</tr>
					<tr>
						<td>
							<img src="img/product/9.png"/>
							<h3>S6202Y-WR</h3>
							<p>100万无线高清64G TF卡 语音对讲 智能连接 手机...</p>
						</td>
						<td>
							<img src="img/product/4.png"/>
							<h3>S6202Y-WR</h3>
							<p>100万无线高清64G TF卡 语音对讲 智能连接 手机...</p>
						</td>
						<td>
							<img src="img/product/7.png"/>
							<h3>S6202Y-WR</h3>
							<p>100万无线高清64G TF卡 语音对讲 智能连接 手机...</p>
						</td>
					</tr>
					<tr>
						<td>
							<img src="img/product/6.png"/>
							<h3>S6202Y-WR</h3>
							<p>100万无线高清64G TF卡 语音对讲 智能连接 手机...</p>
						</td>
						<td>
							<img src="img/product/5.png"/>
							<h3>S6202Y-WR</h3>
							<p>100万无线高清64G TF卡 语音对讲 智能连接 手机...</p>
						</td>
						<td>
							<img src="img/product/4.png"/>
							<h3>S6202Y-WR</h3>
							<p>100万无线高清64G TF卡 语音对讲 智能连接 手机...</p>
						</td>
					</tr>
				</table>
				<div class="show_tz">
					<ul class="show_ul">
						<li><a href="#">上一页</a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">6</a></li>
						<li><a href="#">下一页</a></li>
					</ul>
				</div>
				
			</div>
			<!--页脚-->
			<div class="footer">
				<div class="footer">
				<div class="footer_top">
					<p>
						关注我们：
						<img src="img/ft1_07.png"/>
						<img src="img/ft2_07.png"/>
						<img src="img/ft3_07.png"/>
					</p>
				</div>
				<div class="footer_nav">
					<a href="#">网站首页.</a>
					<a href="#">新闻动态.</a>
					<a href="#">关于我们.</a>
					<a href="#">团队风采.</a>
					<a href="#">联系我们.</a>
					<a href="#">在线留言</a>
				</div>
				<div class="footer_buttom">
					<p>&copy;2015 TK科技有限公司  版权所有沪ICP证13022560号-7  All Rights Reserved</p>
				</div>
			</div>
			</div>
		</div>
		<script type="text/javascript">
			new Swiper('.swiper-container',{
				loop:true,
				direction:"horizontal",
				pagination:".swiper-pagination",
				nextButton:".swiper-button-next",
				prevButton:".swiper-button-prev",
				autoplay:1000,
				paginationClickable:true
			});
		</script>
	</body>
</html>
